/*公共样式*/ *{ margin: 0; padding: 0 } body{overflow-x: hidden;} body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100% } small { font-size: 12px } ol,li, ul { list-style: none } a{ text-decoration:none; color:#333; } address, cite, dfn, em, var { font-style: normal } button, input, select, textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } .clear { margin:0; padding:0; border:0; clear:both; } .head_top{width:100%;margin:0 auto;height:107px;background:#fdf7e9; margin-top: -20px;} .hs_1{width:1200px;height:107px;margin:0 auto;} .hs_1 img{width:100%;overflow:hidden;} .big_nav{ height:61px; background:#50433c; line-height:61px; color:#ffffff; font-family:"微软雅黑"; position:relative;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #nav{width:1200px; margin:0 auto; overflow:hidden; line-height:50px; color:#ffffff; font-size:18px; font-family:"微软雅黑"; position:relative;z-index:1; } #nav li{ width:131.3px;text-align:center;height:50px;margin-top:5px; float:left; display:inline; } #nav a{ color:#fff; } #nav .nLi{ float:left; position:relative; display:inline; } #nav .nLi { float:left; } #nav .nLi a{ display:block; padding:0 20px; font-size:18px;} #nav .on a{background:url(../Images/h2.png) no-repeat; background-position:center 7px;color:#fff; font-size:18px; } /*bag-banner*/ .banner { position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden; } .banner .pic img { width:1680px; height:470px; display: block; position:relative; left:50%; margin-left: -840px;} .banner .pic a{position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden;} .banner .pic a.ad1{background:url(../Images/pc3.jpg) center center repeat-x; height:470px; display: block;} .banner .pic a.ad2{background:url(../Images/pc3.jpg) center center repeat-x; height:470px; display: block;} .banner .pic a.ad3{background:url(../Images/pc3.jpg) center center repeat-x; height:470px; display: block;} .banner .pic a.ad4{background:url(../Images/pc3.jpg) center center repeat-x; height:470px; display: block;} .banner .hd { overflow:hidden; zoom:1; position:absolute; bottom:20px; right:20%; z-index:1;} .banner .hd li { float:left; line-height:15px; text-align:center; width:10px; height:10px; border-radius:14px; cursor:pointer; overflow:hidden; background:#fff; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease; margin-left:10px;} .banner .hd .on { background:#50433c; filter:alpha(opacity=100); opacity:1; } .banner .prev, .banner .next { width:45px; height:99px; position:absolute; top:180px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease } .banner .prev { background-image:url(../Images/index.png); background-position:-112px -200px; left:0; z-index:999;} .banner .next { background-image:url(../Images/index.png); background-position:-158px -200px; right:0; z-index:999;} .banner .prev:hover, .banner .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;} .banner_jsjb{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_fstt{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_hxjb{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_qtjb{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_xxgb{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_zyfk{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_zywz{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_zynk{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_zypf{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_zywc{ height:470px; background:url(../Images/pc3.jpg) no-repeat center;} .banner_jsjb a,.banner_fstt a,.banner_hxjb a,.banner_qtjb a,.banner_xxgb a,.banner_zyfk a,.banner_zywz a,.banner_zynk a,.banner_zypf a,.banner_zywc a{ display:block; height:470px;} .foot_nav{ margin-top:20px;height:61px; background:#897970; line-height:61px; color:#ffffff; font-family:"微软雅黑"; position:relative;} .clearfix2:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #nav2{width:1067px; margin:0 auto; overflow:hidden; line-height:50px; color:#ffffff; font-size:18px; font-family:"微软雅黑"; position:relative;z-index:1; } #nav2 li{ width:131.3px;text-align:center;height:50px;margin-top:5px; float:left; display:inline; } #nav2 a{ color:#fff; } #nav2 .nLi2{ float:left; position:relative; display:inline; } #nav2 .nLi2 { float:left; } #nav2 .nLi2 a{ display:block; padding:0 20px; font-size:18px;} #nav2 .on a{background:url(../Images/h31.png) no-repeat; background-position:center 7px;color:#fff; font-size:18px; } .footer_list{width:1200px;height:184px;/*border:1px solid red;*/margin:auto;padding:45px 60px;} .footer_list li{float:left;font-family: "微软雅黑";} .footer_list1{width:415px;height:189px;} .footer_list2{width:415px;height:189px;border:1px solid #fff;} .footer_list2 h4{font-size:24px;color:#897970;text-align: left;padding-left:13px;} .footer_list2 p{font-size:14px;color:#897970;text-align: left;line-height:27px;padding-left:13px;} .footer_list3{width:364px;height:189px;border:1px solid #fff;} .footer_list3_logo{width:130px;height:130px;margin:auto;} .footer_list3_logo img{width:100%;overflow:hidden;} .footer_list3 h3{font-size:24px;color:#897970;text-align: center;line-height:36px;} .footer_list3 p{font-size:14px;color:#897970;text-align: center;} .footer_bottom{width:100%;height:26px;background:#fdf7e9;} .footer_bottom{font-size:14px;color:#d2c3bb;text-align: center;line-height:27px;} /*bag-banner改1*/ .banner1 { position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden; } .banner1 .pic img { width:1680px; height:470px; display: block; position:relative;left:50%;margin-left: -840px;} .banner1 .pic a{position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden;} .banner1 .pic a.ad1{background:url(../Images/1.jpg) center center repeat-x; height:470px; display: block;} .banner1 .pic a.ad2{background:url(../Images/2.jpg) center center repeat-x; height:470px; display: block;} .banner1 .pic a.ad3{background:url(../Images/3.jpg) center center repeat-x; height:470px; display: block;} .banner1 .hd { overflow:hidden; zoom:1; position:absolute; bottom:20px; right:20%; z-index:1;} .banner1 .hd li { float:left; line-height:15px; text-align:center; width:10px; height:10px; border-radius:14px; cursor:pointer; overflow:hidden; background:#fff; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease; margin-left:10px;} .banner1 .hd .on { background:#50433c; filter:alpha(opacity=100); opacity:1; } .banner1 .prev, .banner1 .next { width:32px; height:52px; position:absolute; top:200px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease } .banner1 .prev { background-image:url(../Images/01.png); background-position:-120px -200px; left:0; z-index:999;} .banner1 .next { background-image:url(../Images/02.png); background-position:-165px -200px; right:0; z-index:999;} .banner1 .prev:hover, .banner1 .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;}